{% extends 'main.html' %}
{% block title %}{% endblock %}

{% block content %}
<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>{{user}} | Change Password</h3>
					
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">{{user}} | Change Password</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					
					<div class="tab-content default-tab" id="tab1"> 				
      <form action="" method="post" accept-charset="utf-8">{% csrf_token %}
        <fieldset>
                <label for="id_old_password">Old Password</label>
                <p>{{ form.old_password }}
                        {% if form.old_password.errors %}
                                <span class="quiet red"><br />* {{ form.old_password.errors|join:"; " }}</span>
                        {% endif %}
                </p>
                <label for="id_new_password1">New Password</label>
                <p>{{ form.new_password1 }}
                        {% if form.new_password1.errors %}
                                <span class="quiet red"><br />* {{ form.new_password1.errors|join:"; " }}</span>
                        {% endif %}
                </p>
                <label for="id_new_password2">Confirm Password</label>
                <p>{{ form.new_password2 }}
                        {% if form.new_password2.errors %}
                                <span class="quiet red"><br />* {{ form.new_password2.errors|join:"; " }}</span>
                        {% endif %}
                </p>
                {% if form.non_field_errors %}
                        <ul class="quiet red">{{ form.non_field_errors.as_ul }}</ul>
                {% endif %}
        </fieldset>
        <p><input type="submit" value="Change Password" /></p>
        </form>
        <div class="clear"></div>
      </div> <!-- End #tab1 -->        
    </div> <!-- End .content-box-content -->
  </div> <!-- End .content-box -->
{% endblock %}
        
